var ecshop={
    $:function(objName){
        if(document.getElementById){
            return eval('document.getElementById("'+objName+'")')
        } else    {
            return eval('document.all.'+objName)
        }
    },
    addEvent:function(l,i,I){
        if(l.attachEvent){
            l.attachEvent("on"+i,I)
        }else{
            l.addEventListener(i,I,false)
        }
    }
};

//滚动图片构造函数
function ScrollPic(scrollContId,arrLeftId,arrRightId,dotListId){
    this.scrollContId=scrollContId;
    this.arrLeftId=arrLeftId;
    this.arrRightId=arrRightId;
    this.dotListId=dotListId;
    this.dotClassName="dotItem";
    this.dotOnClassName="dotItemOn";
    this.dotObjArr=[];
    this.pageWidth=0;
    this.frameWidth=0;
    this.speed=10;
    this.space=10;
    this.pageIndex=0;
    this.autoPlay=true;
    this.autoPlayTime=5;
    var _autoTimeObj,_scrollTimeObj,_state="ready";
    this.stripDiv=document.createElement("DIV");
    this.listDiv01=document.createElement("DIV");
    this.listDiv02=document.createElement("DIV");
    if(!ScrollPic.childs){ScrollPic.childs=[]};
    this.ID=ScrollPic.childs.length;
    ScrollPic.childs.push(this);
    this.initialize=function(){
    if(!this.scrollContId){
      throw new Error("必须指定scrollContId.");
      return;
      }
      this.scrollContDiv=ecshop.$(this.scrollContId);
      if(!this.scrollContDiv){
        throw new Error("scrollContId不是正确的对象.(scrollContId = \""+this.scrollContId+"\")");
    return;
    }
    this.scrollContDiv.style.width=this.frameWidth+"px";
    this.scrollContDiv.style.overflow="hidden";
    this.listDiv01.innerHTML=this.listDiv02.innerHTML=this.scrollContDiv.innerHTML;
    this.scrollContDiv.innerHTML="";
    this.scrollContDiv.appendChild(this.stripDiv);
    this.stripDiv.appendChild(this.listDiv01);
    this.stripDiv.appendChild(this.listDiv02);
    this.stripDiv.style.overflow="hidden";
    this.stripDiv.style.zoom="1";
    this.stripDiv.style.width="32766px";
    this.listDiv01.style.styleFloat="left";
    this.listDiv02.style.styleFloat="left";
    this.listDiv01.style.cssFloat="left";
    this.listDiv02.style.cssFloat="left";
    ecshop.addEvent(this.scrollContDiv,"mouseover",Function("ScrollPic.childs["+this.ID+"].stop()"));
    ecshop.addEvent(this.scrollContDiv,"mouseout",Function("ScrollPic.childs["+this.ID+"].play()"));
    if(this.arrLeftId){
       this.arrLeftObj=ecshop.$(this.arrLeftId);
       if(this.arrLeftObj){
          ecshop.addEvent(this.arrLeftObj,"mousedown",Function("ScrollPic.childs["+this.ID+"].rightMouseDown()"));
          ecshop.addEvent(this.arrLeftObj,"mouseup",Function("ScrollPic.childs["+this.ID+"].rightEnd()"));
          ecshop.addEvent(this.arrLeftObj,"mouseout",Function("ScrollPic.childs["+this.ID+"].rightEnd()"));
          }
       }
       if(this.arrRightId){
       this.arrRightObj=ecshop.$(this.arrRightId);
       if(this.arrRightObj){
          ecshop.addEvent(this.arrRightObj,"mousedown",Function("ScrollPic.childs["+this.ID+"].leftMouseDown()"));
          ecshop.addEvent(this.arrRightObj,"mouseup",Function("ScrollPic.childs["+this.ID+"].leftEnd()"));
          ecshop.addEvent(this.arrRightObj,"mouseout",Function("ScrollPic.childs["+this.ID+"].leftEnd()"))}};
          if(this.dotListId){
             this.dotListObj=ecshop.$(this.dotListId);
         if(this.dotListObj){
           var pages=Math.round(this.listDiv01.offsetWidth/this.frameWidth+0.4),i,tempObj;
           for(i=0;i<pages;i++){
              tempObj=document.createElement("div");
              this.dotListObj.appendChild(tempObj);
              this.dotObjArr.push(tempObj);
              if(i==this.pageIndex){
                 tempObj.className=this.dotClassName;
             }else{
             tempObj.className=this.dotOnClassName;
             }
        tempObj.title="第"+(i+1)+"页";
        ecshop.addEvent(tempObj,"click",Function("ScrollPic.childs["+this.ID+"].pageTo("+i+")"));
        }
           }
          }
      if(this.autoPlay){
      this.play();
      }
      }
    this.leftMouseDown=function(){
       if(_state!="ready"){
       return;
       }
       _state="floating";
       _scrollTimeObj=setInterval("ScrollPic.childs["+this.ID+"].moveLeft()",this.speed);
    }
    this.rightMouseDown=function(){
       if(_state!="ready"){
       return;
       }
       _state="floating";
       _scrollTimeObj=setInterval("ScrollPic.childs["+this.ID+"].moveRight()",this.speed);
    }
    this.moveLeft=function(){
       if(this.scrollContDiv.scrollLeft+this.space>=this.listDiv01.scrollWidth){
          this.scrollContDiv.scrollLeft=this.scrollContDiv.scrollLeft+this.space-this.listDiv01.scrollWidth;
          }else{
          this.scrollContDiv.scrollLeft+=this.space;
          }
          this.accountPageIndex();
    }
    this.moveRight=function(){
       if(this.scrollContDiv.scrollLeft-this.space<=0){
          this.scrollContDiv.scrollLeft=this.listDiv01.scrollWidth+this.scrollContDiv.scrollLeft-this.space;
          }else{
          this.scrollContDiv.scrollLeft-=this.space;
          }
          this.accountPageIndex()
    }
    this.leftEnd=function(){
       if(_state!="floating"){
       return;
       }
       _state="stoping";
       clearInterval(_scrollTimeObj);
       var fill=this.pageWidth-this.scrollContDiv.scrollLeft%this.pageWidth;this.move(fill);
    }
    this.rightEnd=function(){
       if(_state!="floating"){
       return;
       }
       _state="stoping";
       clearInterval(_scrollTimeObj);
       var fill=-this.scrollContDiv.scrollLeft%this.pageWidth;this.move(fill);
    }
    this.move=function(num,quick){
       var thisMove=num/5;
       if(!quick){
          if(thisMove>this.space){
             thisMove=this.space;
         }
          if(thisMove<-this.space){
             thisMove=-this.space;
           }
        }
       if(Math.abs(thisMove)<1&&thisMove!=0){
          thisMove=thisMove>=0?1:-1;
          }else{
          thisMove=Math.round(thisMove);
          }
          var temp=this.scrollContDiv.scrollLeft+thisMove;
          if(thisMove>0){
            if(this.scrollContDiv.scrollLeft+thisMove>=this.listDiv01.scrollWidth){
        this.scrollContDiv.scrollLeft=this.scrollContDiv.scrollLeft+thisMove-this.listDiv01.scrollWidth;
        }else{
        this.scrollContDiv.scrollLeft+=thisMove;
        }
        }else{
        if(this.scrollContDiv.scrollLeft-thisMove<=0){
        this.scrollContDiv.scrollLeft=this.listDiv01.scrollWidth+this.scrollContDiv.scrollLeft-thisMove;
        }else{
        this.scrollContDiv.scrollLeft+=thisMove;
        }
        }
        num-=thisMove;
        if(Math.abs(num)==0){
        _state="ready";
        if(this.autoPlay){
        this.play();
        }
        this.accountPageIndex();
        return;
        }else{
        this.accountPageIndex();
        setTimeout("ScrollPic.childs["+this.ID+"].move("+num+","+quick+")",this.speed);
        }
    }
    this.next=function(){
       if(_state!="ready"){
          return;
          }
       _state="stoping";
       this.move(this.pageWidth,true);
    }
    this.play=function(){
       if(!this.autoPlay){
          return;
         }
       clearInterval(_autoTimeObj);
       _autoTimeObj=setInterval("ScrollPic.childs["+this.ID+"].next()",this.autoPlayTime*1000);
    }
    this.stop=function(){
       clearInterval(_autoTimeObj);
    }
    this.pageTo=function(num){
       if(_state!="ready"){
       return;
       }
       _state="stoping";
       var fill=num*this.frameWidth-this.scrollContDiv.scrollLeft;this.move(fill,true);
    }
    this.accountPageIndex=function(){
       this.pageIndex=Math.round(this.scrollContDiv.scrollLeft/this.frameWidth);
       if(this.pageIndex>Math.round(this.listDiv01.offsetWidth/this.frameWidth+0.4)-1){
          this.pageIndex=0;
          }
          var i;
          for(i=0;i<this.dotObjArr.length;i++){
             if(i==this.pageIndex){
           this.dotObjArr[i].className=this.dotClassName;
           }else{
           this.dotObjArr[i].className=this.dotOnClassName;
           }
          }
         }
   }